<template>
  <div class="enroll_result">
    <div class="container">
      <div class="res_icon">
        <span class="pub_circle"><el-image :src="src" /></span>
      </div>
      <div class="res_title">请您注意以下事项</div>
      <div class="res_text">
        <p>
          1、报名所需的其它事宜，在报名指南中作了详细介绍，建议保存或打印该页面以备参考。
        </p>
        <p>2、为慎重起见，请再次仔细检查所填写的内容是否正确、完整。</p>
        <p>3、报名表提交后，您可登录查看提交的报名表，并在线更新联系信息。</p>
      </div>
      <div class="res_btn">
        <el-button class="res_back">取消</el-button>
        <el-button>确认</el-button>
      </div>
    </div>
  </div>
</template>

<script>
import src from "../../assets/images/enroll_notice.png";
export default {
  name: "notice",
  components: {},
  props: {},
  data() {
    return {
      src: src,
      show: false,
    };
  },
  methods: {},
};
</script>

<style scoped lang="scss">
.enroll_result {
  padding: 4% 0;
  .container {
    width: 654px;
    text-align: center;
  }
  .res_icon {
    text-align: center;
    .pub_circle {
      width: 72px;
      height: 72px;
      background: #c6a67d;
      margin-right: 0;
      img {
        height: 30px;
      }
    }
  }
  .res_title {
    margin-top: 44px;
    font-size: 24px;
    font-weight: bold;
    color: #003963;
  }
  .res_text {
    color: #5a5a5a;
    margin-top: 44px;
    line-height: 30px;
  }
  .res_btn {
    margin-top: 44px;
    .el-button {
      display: inline-block;
      width: 250px;
      height: 55px;
      text-align: center;
      background: #c6a67d;
      border-radius: 5px;
      font-size: 24px;
      color: #fff;
      margin: 0 15px;
      &.res_back {
        background: #003963;
        opacity: 0.43;
      }
    }
  }
}

@media (max-width: 768px) {
  .enroll_result {
    padding: 10% 0;
    .container {
      width: auto;
      padding: 0 2%;
      text-align: center;
    }
    .res_icon {
      .pub_circle {
        width: 52px;
        height: 52px;
        img {
          height: 20px;
        }
      }
    }
    .res_title {
      margin-top: 10%;
    }
    .res_text {
      color: #5a5a5a;
      margin-top: 10%;
      line-height: 30px;
    }
    .res_btn {
      margin-top: 10%;
      .el-button {
        width: 150px;
        height: 45px;
        font-size: 18px;
      }
    }
  }
}
</style>
